<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport"
        content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>登录页面</title>

    <link rel="stylesheet" type="text/css" href="/stylesheets/verify.css">
</head>

<body>
    <header>
        <h1>
            <img src="/images/logo.png" alt="">
            <span>学生信息管理系统</span>
        </h1> 
    </header>
    <div class="center">
        <div class="from">
            <form action="/user/sign" method="POST" >
                <h2>平台登录</h2>
                <input type="text" placeholder="账号" name="uname">
                <br>
                <input type="password" placeholder="密码" name="upwd">
                <br>
                <div id="mpanel2"></div>
                <br>
                <input id="check-btn" type="submit" value="登录">
            </form>
        </div>

    </div>
    <p class="copy">Powered by 打造前程 © 2014-2020 北京打造前程互联网教育科技有限公司 版权所有</p>
    


    <script type="text/javascript" src="/javascripts/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="/javascripts/verify.js"></script>
    <!--<script type="text/javascript" src="js/verify.min.js" ></script>-->

    <script>

        $(function () {
            $('#mpanel2').codeVerify({
                type: 1,
                width: '200px',
                height: '35px',
                fontSize: '20px',
                codeLength: 4,
                btnId: 'check-btn',
                ready: function () {
                },
                success: function () {
                    alert('验证匹配！');
                },
                error: function () {
                    alert('验证码不匹配！');
                }
            })
        })
    </script>
</body>

</html>